<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>23201013505-王子毓</title>
  <link rel="stylesheet" href="fonts/iconfont.css">
  <link rel="stylesheet" href="css/index.css">
</head>

<body>
  <div class="menu-wrap out">
    <div class="menu-header">
      <div class="ipt">
        <span class="iconfont icon-search"></span>
        <input type="text" placeholder="Redmi K70 Pro">
      </div>
      <span class="iconfont icon-l-msg"></span>
    </div>



    <div class="menu-box">
      <div class="left-nav">
      </div>
      <div class="right-con">
        <img src="images/m1.jpg" alt="">
        <div class="con">
          <h3>Xiaomi MIX系列</h3>
          <div class="con-box">
            <img src="images/b1.jpg" alt="">
            <p>Xiaomi MIX Fold 3</p>
            <p class="price">￥8999起<span>赠</span></p>
            
          </div>
          <h3>Xiaomi 数字系列</h3>
          <div class="con-box">
            <img src="images/b2.jpg" alt="">
            <p>Xiaomi 14 Pro</p>
            <p class="price">￥4999起</p>
          </div>
          <div class="con-box">
            <img src="images/b3.jpg" alt="">
            <p>Xiaomi 14</p>
            <p class="price">￥3999起</p>
          </div>
          <div class="con-box">
            <img src="images/b4.jpg" alt="">
            <p>Xiaomi 13 Ultra</p>
            <p class="price">￥5999起<span>劵</span></p>
          </div>
          <div class="con-box">
            <img src="images/b5.jpg" alt="">
            <p>Xiaomi 13 Pro</p>
            <p class="price">￥4599起</p>
          </div>
          <div class="con-box">
            <img src="images/b6.jpg" alt="">
            <p>Xiaomi 13</p>
            <p class="price">￥3599起</p>
          </div>
          <div class="con-box">
            <img src="images/b7.jpg" alt="">
            <p>Xiaomi 13 限量定制色</p>
            <p class="price">￥4299</p>
          </div>
        </div>
        <div class="con">
          <h3>K系列</h3>
          <div class="con-box">
            <img src="images/c1.jpg" alt="">
            <p>Redmi K70 Pro</p>
            <p class="price">￥3299起<span>上新</span></p>
          </div>
          <div class="con-box">
            <img src="images/c2.jpg" alt="">
            <p>Redmi K70</p>
            <p class="price">￥2499起<span>上新</span></p>
          </div>
          <div class="con-box">
            <img src="images/c3.jpg" alt="">
            <p>Redmi K70E</p>
            <p class="price">￥1999起<span>上新</span><span>赠</span></p>
          </div>
          <div class="con-box">
            <img src="images/c4.jpg" alt="">
            <p>Redmi K60 至尊版</p>
            <p class="price">￥2799起</p>
          </div>
          <div class="con-box">
            <img src="images/c5.jpg" alt="">
            <p>Redmi K60 Pro</p>
            <p class="price">￥3299起</p>
          </div>
          <div class="con-box">
            <img src="images/c6.jpg" alt="">
            <p>Redmi K60</p>
            <p class="price">￥2199起</p>
          </div>
          <div class="con-box">
            <img src="images/c7.jpg" alt="">
            <p>Redmi K50 至尊版</p>
            <p class="price">￥2699起</p>
          </div>
          
        </div>
        <div class="con">
          <h3>手机配件</h3>
          <div class="con-box">
            <img src="images/b1.jpg" alt="">
            <p>Xiaomi MIX Fold 3</p>
            <p class="price">￥8999起<span>赠</span></p>
          </div>
          <div class="con-box">
            <img src="images/b2.jpg" alt="">
            <p>Xiaomi 14 Pro</p>
            <p class="price">￥4999起</p>
          </div>
          <div class="con-box">
            <img src="images/b3.jpg" alt="">
            <p>Xiaomi 14</p>
            <p class="price">￥3999起</p>
          </div>
          <div class="con-box">
            <img src="images/b4.jpg" alt="">
            <p>Xiaomi 13 Ultra</p>
            <p class="price">￥5999起<span>劵</span></p>
          </div>
          <div class="con-box">
            <img src="images/b5.jpg" alt="">
            <p>Xiaomi 13 Pro</p>
            <p class="price">￥4599起</p>
          </div>
          <div class="con-box">
            <img src="images/b6.jpg" alt="">
            <p>Xiaomi 13</p>
            <p class="price">￥3599起</p>
          </div>
          <div class="con-box">
            <img src="images/b7.jpg" alt="">
            <p>Xiaomi 13 限量定制色</p>
            <p class="price">￥4299</p>
          </div>
        </div>
        <div class="con">
          <h3>电脑平板</h3>
          <div class="con-box">
            <img src="images/c1.jpg" alt="">
            <p>Redmi K70 Pro</p>
            <p class="price">￥3299起<span>上新</span></p>
          </div>
          <div class="con-box">
            <img src="images/c2.jpg" alt="">
            <p>Redmi K70</p>
            <p class="price">￥2499起<span>上新</span></p>
          </div>
          <div class="con-box">
            <img src="images/c3.jpg" alt="">
            <p>Redmi K70E</p>
            <p class="price">￥1999起<span>上新</span><span>赠</span></p>
          </div>
          <div class="con-box">
            <img src="images/c4.jpg" alt="">
            <p>Redmi K60 至尊版</p>
            <p class="price">￥2799起</p>
          </div>
          <div class="con-box">
            <img src="images/c5.jpg" alt="">
            <p>Redmi K60 Pro</p>
            <p class="price">￥3299起</p>
          </div>
          <div class="con-box">
            <img src="images/c6.jpg" alt="">
            <p>Redmi K60</p>
            <p class="price">￥2199起</p>
          </div>
          <div class="con-box">
            <img src="images/c7.jpg" alt="">
            <p>Redmi K50 至尊版</p>
            <p class="price">￥2699起</p>
          </div>
        </div>
        <div class="con">
          <h3>智能穿戴</h3>
        </div>
        <div class="con">
          <h3>电视</h3>
        </div>
        <div class="con">
          <h3>大家电</h3>
        </div>
        <div class="con">
          <h3>小家电</h3>
        </div>
        <div class="con">
          <h3>智能家居</h3>
        </div>
        <div class="con">
          <h3>出行运动</h3>
        </div>
        <div class="con">
          <h3>日用百货</h3>
        </div>
        <div class="con">
          <h3>儿童用品</h3>
        </div>
        <div class="con">
          <h3>有品精选</h3>
        </div>
      </div>
    </div>

  </div>

  <nav>
    <a href="index.html">
      <span class="iconfont icon-home"></span>
      首页
    </a>
    <a href="menu.html" class="choose">
      <span class="iconfont icon-menu"></span>
      分类
    </a>
    <a href="service.html">
      <span class="iconfont icon-heart"></span>
      服务
    </a>
    <a href="#">
      <span class="iconfont icon-cart"></span>
      购物车
    </a>
    <a href="user.html">
      <span class="iconfont icon-user"></span>
      我的
    </a>

  </nav>

</body>

<script src="js/menu.js"></script>

</html>